<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>新增场馆</title>
<link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
<script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/plugins/FlexSlider/flexslider.css">
<script type="text/javascript" src="Assets/plugins/FlexSlider/jquery.flexslider.js"></script>
<script type="text/javascript" src="Assets/js/main.js"></script>

    <link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
<link rel="stylesheet" type="text/css" href="Assets/css/responsive.css">
<!-- -------------------------------------------------- -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script language="javascript">
</script>
</head>

<body>
<!--头部-->
<div class="head clearfix">
    <div class="logo"><a href=""><img src="Assets/images/logo.jpg" alt="信本财富"/></a></div>
    <div class="head_r">
    	<div class="lang">
        	<a href="">中文</a>|
        </div>
         <ul class="nav clearfix">
            <li class="now"><a href="index.html">首页</a></li>
            <li><a href="product.html">课程管理</a></li>
            <li><a href="vip.html">会员管理</a></li>
            <li><a href="sig_in.html">签到管理</a></li>
            <li><a href="custom-made.html">定制会员卡</a></li>
            <li><a href="subbranch.html">场馆管理</a></li>
            <li><a href="staff.html">员工管理</a></li>
        </ul>
        <div class="nav_m">
            <span class="n_icon">&nbsp;</span>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于信本</a></li>
                <li><a href="news.html">信本动态</a></li>
                <li class="now"><a href="product.html">信本业务</a></li>
                <li><a href="#">信本学院</a></li>
                <li><a href="#">社会责任</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<!--幻灯片-->
<div class="banner">
	<div class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
                <a href=""><img src="Assets/upload/banner.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_a.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_b.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_c.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_d.jpg" alt="" /></a>
            </li>
          </ul>
        </div>
    </div>
</div>
<!--幻灯片-->
<div class="scd clearfix">
	<div class="scd_l">
    	<div class="title"><span>添加场馆</span></div>
        <ul class="s_nav">
            <li><a href="" onclick="shopadd()"><em>确定提交</em></a></li>
            <li><a href="subbranch.html"><em>返回</em></a></li>
        </ul>
    </div>
    <div class="scd_r">
    	<div class="s_title">
        	
            <div class="pst">
            	当前位置：
                <a href="">首页</a>>
                <a href="">添加场馆</a>>
            </div>
        </div>
        <div class="scd_m">
        	<div class="pro_d">
            	

    <div class="form-group">
        <label for="name">店名</label>
        <input type="text" class="form-control" id="name"
               placeholder="请输入名称">
    </div>
    <div class="form-group">
        <label for="name">联系人</label>
        <input type="text" class="form-control"
               placeholder="请输入名称" id="shopcontacts">
    </div>

    <div class="form-group">
        <label for="name">联系手机</label>
        <input type="text" class="form-control"
               placeholder="请输入名称" id="shopphone">
    </div>

    <div class="form-group">
    <label for="name">类型</label>
     <select name="" id="shoptype">
        <option value="总店">总店</option>
        <option value="分店">分店</option>
      </select>   
        </div>
 

 <div class="form-group" name="club" data-toggle="distpicker">
    <label for="name">所在地区</label>
     <select  name="" id="shoppro"></select>
     <select  name="" id="shopcity"></select>
     <select  name="" id="shoparea"></select>
</div>

 <div class="form-group">
        <label for="name">详情地址</label>
        <input type="text" class="form-control"
               placeholder="请输入名称" id="shopsite">
</div>
     

    <div class="form-group">
        <label for="inputfile">图片选择</label>

        <form method="post" id="file1" enctype="multipart/form-data">
            <input type="file" id="inputfile" name="file">
        </form>
        <img src="" id="img1" width="400px" height="300px">
    </div>
 
    <button type="submit" class="btn btn-default" onclick="shopadd()">提交</button>
        

             
            </div>
        </div>
    </div>
</div>
</body>
<script src="pcajs/distpicker.data.js"></script>
<script src="pcajs/distpicker.js"></script>
</html>
<script>

    var shopimg;
function shopadd () {

    var shopname = $("#name").val();
    var shopcontacts= $("#shopcontacts").val();
    var shopphone= $("#shopphone").val();
    var shoptype= $("#shoptype").val();
    var shoppro= $("#shoppro").val();
    var shopcity= $("#shopcity").val();
    var shoparea= $("#shoparea").val();
    var shopsite= $("#shopsite").val();

    var path = "/" + location.pathname.split("/")[1];

    $.get(path+"/shopAdd",{"shopname":shopname,"shopcontacts":shopcontacts,"shopphone":shopphone,"shoptype":shoptype,"shoppro":shoppro,"shopcity":shopcity,"shoparea":shoparea,"shopsite":shopsite,"shopimg":shopimg},function (list) {
        var li= eval(list);
        console.log(li+"===============");
        if (li){

            window.location.href="subbranch.html"

        } else {
            alert("上传场馆失败")

        }


    },"json");

}


 $("#inputfile").change(function () {
    var path = "/" + location.pathname.split("/")[1];
    /*  var data  =  new FormData($("#file1")[0]);
      console.log(data+"==============");*/

    var formData = new FormData($('#file1')[0]);
    console.log(formData);

    $.ajax({
        type: "post",
        url:path+"/FileImg",
        data: formData,
        cache: false,
        processData: false,
        contentType: false,
        beforeSend:function(){

        },
        success: function(msg){
            alert( "Data Saved: " + msg );
            var s = eval(msg);
            shopimg =s;


            var paths= path+"/"+s;
            console.log(path+s+"==============");
            $("#img1").attr("src",paths);
        },
        error:function(){

        }
    });

 });




</script>
